<template>
	<view class="box">
		<uNavbar title="充值协议" bgColor="transparent"></uNavbar>
		<view class="list">
			
			  <rich-text class="s" :nodes="article"></rich-text>
		</view>
	</view>
	
</template>

<script>
import {recharge }from "../../api/other.js"
	export default {
		data() {
			return {
				article: '<div>我是HTML代码</div>'//富文本内容
			}
		},
		onLoad(){
			this.getlist()
		},
		methods: {
			getlist(){
				recharge().then(res=>{
					console.log(res)
					this.article=res.data.content
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 750rpx;
		height: 100vh;
		background-color: #E0DDDA;
	}
	.list{
		margin-top: 40rpx;
		width: 700rpx;
		margin: 0 auto;
	}
	.s{
		color: #333;
		opacity: 0.7;
	}
</style>
